<template>
	<view class="loading-box" v-show="myLoading">
		<image class="icon-box" src="https://image.nanjingtouyang.com/touy/2023/09/2023092717410456708.png"></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		computed: {
			myLoading() {
				return this.$store.state.myLoading
			}
		}
	}
</script>

<style>
	.loading-box {
		position: fixed;
		width: 100%;
		/* height: 100%; */
		/* background-color: #ffffffb8; */
		z-index: 999;
		padding-top: 60%;
		box-sizing: border-box;
		text-align: center;
	}
	.icon-box {
		width: 150rpx;
		height: 150rpx;
		animation: rotate 1s linear infinite;
	}
	@keyframes rotate{ 
		from{ transform: rotate(0deg); } 
		to{ transform: rotate(360deg); } 
	}
	
</style>